<template>
	<view>
		<view @click="getAdress">
			<van-icon name="location-o" />五角大楼B103教室<van-icon name="arrow" />
		</view>
		
		<van-button type="default">默认按钮</van-button>
		<br>
		<uni-badge size="small" :text="100" absolute="rightTop" type="primary">
			<van-button type="primary">主要按钮</van-button>
		</uni-badge>
		<br>
		<van-button type="info">信息按钮</van-button>
		<van-button type="warning">警告按钮</van-button>
		<van-button type="danger">危险按钮</van-button>
		<!-- 模仿钉钉我的页面 -->
		<van-cell-group title="基础应用" inset="true">
		  <van-cell icon="https://img0.baidu.com/it/u=1954173660,494831133&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500" title="我的客服" is-link="true"  size="large"/>
		  <van-swipe-cell :right-width="120">
		    <van-cell-group>
				<van-cell title="学习中心" is-link="true" size="large"/>
		    </van-cell-group>
			<view slot="right">
				<van-button type="info">置顶</van-button>
				<van-button type="danger">删除</van-button>
			</view>
		  </van-swipe-cell>
		  
		  <van-cell title="福利社" is-link="true" clickable="true" size="large"/>
		</van-cell-group>
		<van-cell-group title="网盘应用" inset="true"  size="large">
		  <van-cell title="钉邮" is-link="true" size="large"/>
		  <van-cell title="钉盘" is-link="true" size="large"/>
		</van-cell-group>
		<!-- 宫格 -->
		<van-grid column-num="5">
		  <van-grid-item icon="photo-o" text="违法处理" text-class="item-height"/>
		  <van-grid-item icon="photo-o" text="罚款缴纳"  text-class="item-height"  badge="20条"/>
		  <van-grid-item icon="photo-o" text="电子驾证" text-class="item-height"/>
		  <van-grid-item icon="photo-o" text="学法减法" text-class="item-height"/>
		  <van-grid-item icon="photo-o" text="免检标志" text-class="item-height"/>
		  <van-grid-item icon="photo-o" text="违法处理" text-class="item-height"/>
		  <van-grid-item icon="photo-o" text="罚款缴纳"  text-class="item-height"/>
		  <van-grid-item icon="photo-o" text="驾证电子版" text-class="item-height"/>
		  <van-grid-item icon="photo-o" text="学法减法" text-class="item-height"/>
		  <van-grid-item icon="apps-o" text="更多" text-class="item-height"/>
		</van-grid>

		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			getAdress(){
				console.log(123)
				uni.chooseLocation({
					success: function (res) {
						console.log('位置名称：' + res.name);
						console.log('详细地址：' + res.address);
						console.log('纬度：' + res.latitude);
						console.log('经度：' + res.longitude);
					}
				});
			}
		}
	}
</script>

<style>
.item-height{
	height: 30px;
}
</style>
